<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="devolucionclienteList.title"/></title>
    <meta name="heading" content="<fmt:message key='devolucionclienteList.heading'/>"/>    
</head>

<form:form id="canjeList">

<c:set var="buttons">
        
    <input type="button" class="button"
    	onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>


<ul>
	<li>
	<label class="desc"><fmt:message key="common.filtros.busqueda"/></label>
	<div class="group" style="width: 300px">
		<div>
			<fmt:message key="common.estacion"/><br/>
	        <select class="text mediumlarge" onchange="setCmbSeries()" id="coEstacionID" >
	        	<option value="-1">
	        		<fmt:message key="label.itemdefault"/>
	        	</option>
	        	<c:forEach var="bnestacion" items="${estaciones}">
	        		<option value="${bnestacion.id}">
	        			${bnestacion.deEstacion}
	        		</option>
	        	</c:forEach>
	       	</select>
		</div><br/>
		
		<div>	
			<fmt:message key="common.catalogo"/><br/>
	        <select class="text mediumlarge" id="clpmCatalogo_id" >
	        	<option value="-1">
	        		<fmt:message key="label.itemdefault"/>
	        	</option>
	        	<c:forEach var="bncatalogo" items="${catalogos}">
	        		<option value="${bncatalogo.id}">
	        			${bncatalogo.deCatalogo}
	        		</option>
	        	</c:forEach>
	       	</select>
		</div><br/>

		<div>
	     	<fmt:message key="common.cliente.persona"/><br/>
			<input id="deCliente" class="text mediumlarge" name="deCliente" maxlength="100"/>
	    </div><br/>
	     
	    <div>
	     	<fmt:message key="common.codigo.tarjeta"/><br/>
			<input id="codeTarjeta" class="text medium" name="codeTarjeta" maxlength="12"/>
	    </div><br/>
	    
	    <div>
	     	<fmt:message key="canjeList.codigopremio"/><br/>
			<input id="coCodigoPremioID" class="text medium" maxlength="14"/>
			
			<input type="button" class="buttoncal" id="btnModalID" value="..."
	        onclick="openModalPopup()"/>
	    </div><br/> 
	     
	    <div>
	     	<fmt:message key="canjeList.fechainiciodoc"/><br/>
			<input id="inicioDocumentoId" class="text medium" name="inicioDocumento" maxlength="12" size="11" />
			<input type="button" class="buttoncal" id="inicioDocumentoCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "inicioDocumentoId",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "inicioDocumentoCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
                  		  this.hide();
	                  }
	          });
	        </script>
	    </div><br/>
	    
	    <div>
	     	<fmt:message key="canjeList.fechafindoc"/><br/>
			<input id="finDocumentoId" class="text medium" name="finDocumento" maxlength="12" size="11" />
			<input type="button" class="buttoncal" id="finDocumentoCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "finDocumentoId",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "finDocumentoCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
	        	  			this.hide();
	                  }
	          });
	        </script>
	    </div><br/>
	    
		<div>	
			<fmt:message key="label.numdocumento"/><br/>
	        <select class="text small" id="nuSerie" >
	        	<option value="-1">
	        		<fmt:message key="label.itemdefault"/>
	        	</option>
	        	<c:forEach var="bnserie" items="${seriecanje}">
	        		<option value="${bnserie.deSerie}">
	        			${bnserie.deSerie}
	        		</option>
	        	</c:forEach>
	       	</select>
	       	
	       	<input id="nuDocumento" name="nuDocumento" maxlength="20"/>
		</div><br/>
		
		<div>
			<fmt:message key="label.habilitado"/><br/>
	        <select class="text mediumlarge" id="stCanje" >
	        	<option value="-1"><fmt:message key="label.itemdefault"/></option>
				<option value="Y"><fmt:message key="common.yes"/></option>
				<option value="N"><fmt:message key="common.no"/></option>
	       	</select>
	    </div><br/>
		<br/>
	     
	    <div> 					
			<input type="button" onclick="buscarCanjes()" 
			value="<fmt:message key="button.search"/>"/>			
	 	</div>
	</div>	
	</li>
</ul>

<c:out value="${buttons}" escapeXml="false" /><br/><br/>
<table id="canjes" cellpadding="0" class="table" cellspacing="0" style="width: 1100px" > 
	<thead> 
		<tr> 
            <th scope="col"><fmt:message key="canjeList.estacion"/></th>
            <th scope="col"><fmt:message key="canjeList.almacen"/></th>
            <th scope="col"><fmt:message key="canjeList.nudocumento"/></th>
            <th scope="col"><fmt:message key="canjeList.cliente"/></th>
            <th scope="col"><fmt:message key="canjeList.catalogo"/></th>
            <th scope="col"><fmt:message key="canjeList.premio"/></th>
            <th scope="col"><fmt:message key="canjeList.tarjeta"/></th>
            <th scope="col"><fmt:message key="canjeList.fechadoc"/></th>
            <th scope="col"><fmt:message key="label.tipodocumento"/></th>
            <th scope="col"><fmt:message key="label.habilitado"/></th>
		</tr>
	</thead> 
	<tbody id="canjesbody">
		<tr id="pattern" style="display:none;">
			<td><span id="tableEstacion"></span></td>
			<td><span id="tableAlmacen" ></span></td>
			<td><span id="tableNuDocum" ></span></td>
			<td><span id="tableCliente" ></span></td>
			<td><span id="tableCatalogo"></span></td>
			<td><span id="tablePremio"  ></span></td>
			<td><span id="tableTarjeta" ></span></td>
			<td><span id="tableFechaDoc"></span></td>
			<td><span id="tableTipoDoc" ></span></td>
			<td><span id="tableStatus"  ></span></td>
		</tr> 	
		<c:forEach var="bncanje" items="${devoluciones}" varStatus="status">	
			<c:choose>
				  <c:when test="${status.index % 2 == 0}"><tr class="odd" ></c:when>
				  <c:otherwise><tr class="even" ></c:otherwise>
			</c:choose>
            	<td>
					<a href="<c:url value="/devolucioncliente/devolucionclientecanjeform.html?id=${bncanje.id}&esDevolucion=Y&amp;from=list"/>">					
						${bncanje.deEstacion}
					</a>            	
				</td>
                <td>${bncanje.deAlmacen}</td>
                <td>${bncanje.nuSerie} - ${bncanje.nuDocumento}</td>
                <td>${bncanje.deCliente}</td>
                <td>${bncanje.deCatalogo}</td>
                <td>${bncanje.dePremio}</td>
                <td>${bncanje.codTarjeta}</td>
                <td>${bncanje.daFechaDocumento}</td>
                <td>                
                	<c:choose>
                		<c:when test="${bncanje.stIndicatorTipoDoc eq 'CJ'}">
                			<fmt:message key='common.canje'/>
                		</c:when>             
                		<c:when test="${bncanje.stIndicatorTipoDoc eq 'DC'}">
                			<fmt:message key='common.devuelto'/>
                		</c:when>                  				
                		<c:otherwise>
                			
                		</c:otherwise>
                	</c:choose>
                </td>                
                <td>                
                	<c:choose>
                		<c:when test="${bncanje.stDocumentoMovArt eq 'Y'}">
                			<fmt:message key='common.yes'/>
                		</c:when>
                		<c:otherwise>
                			<fmt:message key='common.no'/>
                		</c:otherwise>
                	</c:choose>
                </td>
           </tr>
        </c:forEach>				
	</tbody>
</table> 

<input type="hidden" id="deCodigoPremioID"/>
<input type="hidden" id="vaPuntosPremioID"/>
<input type="hidden" id="vaPrecioPremioID"/>
<input type="hidden" id="stManejaSerieID"/>
<input type="hidden" id="stManejaStockPuntoCanjeID"/>
<input type="hidden" id="stManejaStockAlmPrincipalID"/>
<input type="hidden" id="stNoManejaStockID"/>
<c:out value="${buttons}" escapeXml="false" />
</form:form>
<script type="text/javascript">


    function buscarCanjes()
    {
        var codeEstacion = dwr.util.getValue("coEstacionID");
        var codeTarjeta  = dwr.util.getValue("codeTarjeta");
        var deCliente 	 = dwr.util.getValue("deCliente");
        var codePremio 	 = dwr.util.getValue("coCodigoPremioID");
        var daInicioDoc  = dwr.util.getValue("inicioDocumentoId");
        var daFinDoc 	 = dwr.util.getValue("finDocumentoId");
        var coCatalogo 	 = dwr.util.getValue("clpmCatalogo_id");
        var nuSerie 	 = dwr.util.getValue("nuSerie");
        var stCanje 	 = dwr.util.getValue("stCanje");
        var nuDocumento  = dwr.util.getValue("nuDocumento");
        
        DevolucionClienteService.busquedaCanje(codeEstacion,codeTarjeta,daInicioDoc,
        daFinDoc,coCatalogo,nuSerie,nuDocumento,deCliente,codePremio,stCanje,"",
        	function(data) {

    	    dwr.util.removeAllRows("canjesbody", { filter:function(tr) {
    	      return (tr.id != "pattern");
    	    }});

    	    var contador  = 0;
    	    var bncanje,url;
    	    for (var i = 0; i < data.length; i++) {

    	    	bncanje  = data[i];
    	    	contador = contador + 1;

    	      	dwr.util.cloneNode("pattern", { idSuffix:contador });
    	      	url = "<a href='/clubpgnweb/devolucioncliente/devolucionclientecanjeform.html?id=" + bncanje.id + "&esDevolucion=Y'>" + bncanje.deEstacion + "</a>";

    	      	
    	      	dwr.util.setValue("tableEstacion" + contador, url, { escapeHtml:false });

    	      	dwr.util.setValue("tableAlmacen"  + contador,  bncanje.deAlmacen, { escapeHtml:false });
    	      	
    	      	dwr.util.setValue("tableNuDocum"  + contador,  bncanje.nuSerie + " - " + bncanje.nuDocumento, { escapeHtml:false });

    	      	dwr.util.setValue("tableCliente"  + contador,  bncanje.deCliente, { escapeHtml:false });

    	      	dwr.util.setValue("tableCatalogo" + contador,  bncanje.deCatalogo, { escapeHtml:false });

    	      	dwr.util.setValue("tablePremio"   + contador,  bncanje.dePremio, { escapeHtml:false });

    	      	dwr.util.setValue("tableTarjeta"  + contador,  bncanje.codTarjeta, { escapeHtml:false });

    	      	dwr.util.setValue("tableFechaDoc" + contador,  bncanje.daFechaDocumento, { escapeHtml:false });

				if(bncanje.stIndicatorTipoDoc == 'CJ'){
					dwr.util.setValue("tableTipoDoc" + contador, '<fmt:message key='common.canje'/>', { escapeHtml:false });
				}
				else if (bncanje.stIndicatorTipoDoc == 'RS'){
					dwr.util.setValue("tableTipoDoc" + contador, '<fmt:message key='common.reserva'/>', { escapeHtml:false });
				}else {	
				dwr.util.setValue("tableTipoDoc" + contador, '<fmt:message key='common.devuelto'/>', { escapeHtml:false });
				}
    	      	
    	      	if(bncanje.stDocumentoMovArt == 'Y'){ 
    	    	  dwr.util.setValue("tableStatus" + contador, '<fmt:message key='common.yes'/>', { escapeHtml:false }); 
        	  	}
    	      	else {
    	    	  dwr.util.setValue("tableStatus" + contador, '<fmt:message key='common.no'/>', { escapeHtml:false });
        	  	}

				if(i % 2 == 0){
					$("pattern" + contador).className = "odd";
				}
				else{
					$("pattern" + contador).className = "even";
				}
	    	      
	    	    $("pattern" + contador).style.display = "";
    	    }
		});
    }

    function setCmbSeries(){

    	dwr.util.removeAllOptions("nuSerie");
    	dwr.util.useLoadingMessage("Cargando ...");
    	
		var coEstacion = dwr.util.getValue("coEstacionID");
    	var stTipoDoc  = 'DC';
    	
		if(coEstacion != '-1' && coEstacion != '' && coEstacion != null &&
		   stTipoDoc != '-1' && stTipoDoc != '' && stTipoDoc != null){
        	
	    	CanjeService.obtenerListaSerieCanjePorEstacionTipoDocumento(
	    	coEstacion,stTipoDoc,
	    	function(data) {

	    		dwr.util.removeAllOptions("nuSerie");
	    		dwr.util.addOptions("nuSerie", data,"coSerie","deSerie");          	
	    	});
    	}else{

	    	CanjeService.obtenerListaSerieCanjePorEstacionTipoDocumento(
   	    	'-2','-2',
   	    	function(data) {

   	    		dwr.util.removeAllOptions("nuSerie");
   	    		dwr.util.addOptions("nuSerie", data,"coSerie","deSerie");          	
   	    	});
        }
	}
</script>
<script type='text/javascript' src="<c:url value="/dwr/interface/DevolucionClienteService.js"/>"></script>
<script type='text/javascript' src="<c:url value="/dwr/interface/CanjeService.js"/>"></script>